import Vue from 'vue'
import Router from 'vue-router'
import Sticky from '@/views/Sticky'
import RightArrow from '@/views/RightArrow'
import HalfCircle from '@/views/HalfCircle'
import FlexBox from '@/views/FlexBox'
import Debounce from '@/views/Debounce'
import Throttle from '@/views/Throttle'
import RegExp from '@/views/RegExp'
import DeepClone from '@/views/DeepClone'
import TestType from '@/views/TestType'
import String from '@/views/String'
import Arr from '@/views/Arr'
import VueCommunicate from '@/views/vue/VueCommunicate'
import VuexStore from '@/views/vue/VuexStore'
import DesignModal from '@/views/designModal'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      component: Sticky
    },
    {
      path: '/rightArrow',
      name: 'rightArrow',
      component: RightArrow
    },
    {
      path: '/halfCircle',
      name: 'halfCircle',
      component: HalfCircle
    },
    {
      path: '/flexBox',
      name: 'flexBox',
      component: FlexBox
    },
    {
      path: '/debounce',
      name: 'debounce',
      component: Debounce
    },
    {
      path: '/throttle',
      name: 'throttle',
      component: Throttle
    },
    {
      path: '/regExp',
      name: 'regExp',
      component: RegExp
    },
    {
      path: '/deepClone',
      name: 'deepClone',
      component: DeepClone
    },
    {
      path: '/testType',
      name: 'testType',
      component: TestType
    },
    {
      path: '/string',
      name: 'string',
      component: String
    },
    {
      path: '/arr',
      name: 'arr',
      component: Arr
    },
    {
      path: '/vue',
      name: 'vue',
      component: VueCommunicate
    },
    {
      path: '/vuexStore',
      name: 'vuexStore',
      component: VuexStore
    },
    {
      path: '/designModal',
      name: 'designModal',
      component: DesignModal
    }
  ]
})
